<template>
  <div>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-checkbox v-model="checked">复选框</van-checkbox>
  </div>
</template>
<script>
import { Button, Checkbox } from 'vant'; 
export default {
  components: {
    [Button.name]: Button,
    [Checkbox.name]: Checkbox
  },
  props: {
  },
  data() {
    return {
      checked: false
    }
  },
  computed: {
  },
  methods: {
  },
  created() {
  },
  mounted() {
  }
}
</script>
<style lang="scss" scoped>
</style>